<template>
    <el-menu :default-active="activeIndex" class="el-menu-demo flex flex-row-reverse" mode="horizontal"
        background-color="#334157" text-color="#fff" active-text-color="#fff">
        <el-sub-menu>
            <template #title>超级管理员</template>
            <el-menu-item>设置</el-menu-item>
            <el-menu-item>个人中心</el-menu-item>
            <el-menu-item @click="">退出</el-menu-item>

        </el-sub-menu>
    </el-menu>
</template>

<script setup>
import { ref, reactive } from 'vue'
import { ElNotification, ElMessage, ElMessageBox } from 'element-plus'
import { useRouter } from 'vue-router'
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import { onMounted } from 'vue'
import { Delete, Edit } from '@element-plus/icons-vue'
</script>